<template>
    <div class="top_tips overflow">
        <div class="top_tip flex font_28">
            <div class="flex1">
                <img src="../assets/img/logo.png" alt="">
            </div>
            <div class="flex1 center" >
                <a class="tel font_28 font_R" href="tel:34567643">客服电话: 4001018155</a>
            </div>
            <div class="flex1" style="text-align: right;">
                终端号：{{cabinetCode}}
            </div>
        </div>
    </div>
</template>

<script>
  export default {
    name: 'top-tips',
    data(){
      return{
        cabinetCode:localStorage.getItem('cabinetCode')?localStorage.getItem('cabinetCode'):'——'
      }
    }
  };
</script>

<style lang="scss">
    .top_tips {
        position: fixed;
        left:0;
        bottom:0;
        width: 100%;
        .top_tip {
            height: 1.00rem;
            background-color: #D8EBFF;
            padding: 0 0.30rem;
            color:#4893D9;
            a{
                color:#4893D9;
            }
            div{
                line-height: 1rem;
            }
            img{
                height:0.6rem;
            }
        }

        .tel {
            margin-left: 0.10rem;
        }
    }
</style>
